<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Sistema maquinas</title>
 <link rel="stylesheet" href="dist/css/bootstrap.css">
 <link rel="application/javascript" href="dist/js/bootstrap.js">
<script src="js/jquery-2.1.1.js"
    type="text/javascript"></script>
<script src="js/app-ajax.js" type="text/javascript"></script>
</head>
<body>
<button id="cadastrar">Cadastrar</button>
<button id="ListaParaAlugar">listarParaAlugar</button>
<button id="ListaDeAlugados">listarAlugados</button>
<button id="listarTodos">ListarTodos</button>
<br>
<form id="dataString">
<fieldset>
<legend>Dados</legend>
Nome:<input type="text" name="nome" ></input><br>
Marca:<input type="text" name="marca" ></input><br>
Valor:<input type="text" name="valor" ></input><br>
Status:<input type="text" name="status" ></input><br>
Cliente:<input type="text" name="cliente" ></input><br>
Almox:<input type="text" name="almox" ></input><br>
</fieldset>
</form>
 <div id="mostrar">
 
 </div>
 <div id="listaParaAlugar" class="table-responsive">
 <fieldset>
 <legend>Tabela para Alugar</legend>
 <table id="tableParaAlugar" class="table table-striped table-bordered">
 <tr>
    <td>Nome</td>
    <td>Marca</td>
    <td>Valor</td>
  <td>Status</td>
  <td>Cliente</td>
  <td>Almox</td>
  </tr>
 </table>
 </fieldset>
 </div>
 <div id="listaDeAlugado" class="table-responsive">
 <fieldset>
 <legend>Tabela de Alugado</legend>
 <table id="tableAlugado" class="table table-striped table-bordered">
 <tr>
    <td>Nome</td>
    <td>Marca</td>
    <td>Valor</td>
  <td>Status</td>
  <td>Cliente</td>
  <td>Almox</td>
  </tr>
 </table>
 </fieldset>
 </div>
 
 
 
 
 
 
 
</body>
</html>